// 函数是作为插件使用的，函数内部就是给app自定义一个全局的指令
import Vue from "vue";
import store from "@/store";
// 作用就是对所有的按钮，进行鉴权处理
// 按钮级别权限的控制
function hasBtnPermission() {
  // 上面写的简写，但是它会在挂载完成及更新阶段都会执行

  Vue.directive("has", {
    // 当被绑定的元素插入到 DOM 中时……
    inserted: function (el, binding) {
      // 聚焦元素
      if (store.getters.buttons.indexOf(binding.value) === -1) {
        el.parentNode.removeChild(el);
      }
    },
  });
}

export default hasBtnPermission;
